body{ margin: 0px ; padding: 0px;}
li {
	list-style: none;
}
a {
	color: #212529
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
.header-box{
	height: 105px;
	background: url("/static/images/navbg.jpg") repeat-x;
}

.float-left{ float: left;
	height: 105px;}
.float-rightt{ float:right; }
.container{	width: 1300px;margin-left: auto; margin-right: auto}
.containerIndex{	 width: 1340px;margin-left: auto; margin-right: auto;	 }
.containerIndexFooter{	 width: 790px;margin-left: auto; margin-right: auto; padding-bottom: 30px;}
.bannerBox{
	position: relative;}
.bannerBox .navBarBox{ position: absolute; left: 0; right: 0; bottom:0px;}
.topRight{
	height: 105px;
	float: right;}

.navBarBox{
	height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); color: white;}
.navBarBox a{ color: white;}
.navBarBox span{ margin-left: 10px; margin-right: 10px;}

title{ font-size: 18px; height: 100px; background: red;}
.proRow1{	float: left;}
.proRow2{	float: left;}
.proRow3{	float: left;}
.proRow4{	float: left;}
.proList ul li a img{ width: 100%; }
.proRow1 .proList{ width: 105px;}
.proRow1 .proList img { height:60px; border:#CCCCCC solid 1px; padding: 1px; width: 96px; overflow: hidden;}
.proRow1 .proList a{
	height: 68px;display: block;  width: 100px; margin-bottom: 20px;
	overflow: hidden;}
.proRow2 .proList{ width: 918px;}
.proRow2 .proList ul li{ width: 290px;
	height: 300px;float: left; margin-left: 12px; margin-bottom: 35px;}
.proRow2 .proList ul li a{  }
.proRow2 .proList ul li .pro_title{display: block;   margin: 8px 0px;  font-size: 16px; color: #444444; height: 60px; overflow: hidden; line-height: 20px;	}
.proRow2 .proList ul li .pro_desc{  display: block; font-size: 14px; color: #444444; line-height: 20px;
	height: 40px; overflow: hidden;}
.proRow2 .proList ul li .pro_img{ display: block; width: 290px;
	height: 180px;overflow: hidden;	 border:#CCCCCC solid 1px; padding: 1px;}
.proRow2 .proList ul li .pro_img img {
	height: 180px;	}
.proRow3 .proList{ width: 105px;}
.proRow4 .proList{ width: 105px;}

.proRow1 .title a{  font-size: 14px; font-weight: 300; position:relative; display: block;
	height: 60px; text-align: center; padding-top: 20px; text-decoration:none;}
.proRow1 .title a:after{  width: 20px;
	content: ''; border-radius: 20px;
	height: 20px; position: absolute; background: #d2d2d2;
	left: 45px;
	top: 50px;
}

.productBigList .title{font-size: 20px; position: relative;
	height: 80px;  line-height: 80px; text-indent: 100px;}
.productBigList .title:after{  width: 20px;
	content: ''; border-radius: 20px;
	height: 20px; position: absolute; background: blue;
	left: 45px;
	top: 30px;
}

.pro_button{ padding-top:10px;}
.pro_button a{
	display: block; float: left;color: #ffffff; width:120px;
	height: 30px; text-align: center; line-height: 30px;}
a.pro_detail{  background: #333333; }
.pro_msg{  background: #2da3d5;  float: right;display: block;color: #ffffff; width:120px;
	height: 30px; text-align: center; line-height: 30px; }


.footer{ border-top: #2da3d5 solid 5px; background: #000000; color:#989898; font-size: 12px; padding-top: 20px;
	height: 180px;
}
.footer .links{ width: 500px; line-height: 39px;  float: left;}
.footer .companyInfo{ width: 500px;}

 .malll{ font-size: 30px;}


 .clear{ clear: both;}
.fleft{ float: left}
.fright{ float: right}
 .product_info_box{
	 padding-top: 20px;
 }
.pro_img{width: 600px;
}
.pro_info{ padding-left: 20px;
 }
.pro_info .pro_title{
 font-size: 16px; padding: 20px 0; font-weight: bold;
}

.pro_info .pro_description {
	padding: 20px 0;
	height: 200px;
}

.pro_info .pro_msg{

}


.youdian,.shiping,.yinyong{ border-top: #CCCCCC solid 2px; margin-top: 20px;}
.pro_box_title{  padding: 10px; font-size: 18px; text-align: center; font-weight: bold; color: #000000;}
.pro_box_content ul{ width: 80%; margin-left: auto; margin-right: auto; padding: 20px;}
.pro_box_content ul li{ width: 50%; float: left; line-height: 25px;
	height: 30px;}


.yinyong .pro_box_content ul li{ float: left;width: 120px;
	height: auto; }

.shiping .pro_box_content ul li{ float: left;width: 350px;
	height: 300px; }
.pro_box_text{ text-align: center}


.result{position: fixed;top:0;left:0;background: rgba(0,0,0,0.5);z-index:1000;width:100%;height:100%;display: none;}
.imgresult{border:5px solid #fff;}
.indiv{position: absolute;}

.resultMsg{ position: fixed;top:0;left:0;background: rgba(0,0,0,0.5);z-index:1000;width:100%;height:100%;display: none;}
.resultMsg .msgTxt{position: absolute; background: #ffffff;  text-align:
		center; top: 50%; margin-top: -150px;  padding: 30px 20px; left: 50%;
	width:500px;
	height: 200px;margin-left: -250px;
	line-height: 35px;
}



.text-secondary {
	color: #6c757d !important;
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}


.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}
.fs-sm-28 {
	font-size: 2rem;
}
.fs-20 {
	font-size: 1.428rem;
}
.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.mt-3,
.my-3 {
	margin-top: 1rem !important;
}


a.badge-danger:focus, a.badge-danger.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
	color: #212529;
	background-color: #dae0e5;
}


.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
	box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.text-secondary a {
	color: #6c757d;
}


a.text-primary:hover, a.text-primary:focus {
	color: #0056b3 !important;
}

.text-secondary {
	color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
	color: #494f54 !important;
}

.text-success {
	color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
	color: #19692c !important;
}

.text-info {
	color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
	color: #0f6674 !important;
}

.text-warning {
	color: #ffc107 !important;
}


/*行距*/
.lh-1 {
	line-height: 1;
}
.lh-2 {
	line-height: 2;
}
.lh-3 {
	line-height: 3;
}
.lh-4 {
	line-height: 4;
}

/*边框*/
.border-top-dashed {
	border-top: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-right: 1px dashed #dee2e6 !important;
}
.border-bottom-dashed {
	border-bottom: 1px dashed #dee2e6 !important;
}
.border-right-dashed {
	border-top: 1px dashed #dee2e6 !important;
}


.page-link:focus {
	z-index: 3;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6;
}

.pagination-lg .page-link {
	padding: 0.75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}

.d-md-inline {
	display: inline !important;
}

/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: inline-block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.page-num-current:hover {
	color: #fff;
}

/*其他*/
.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.code, .code img {
	height: 100px;
}
.position, .position a {
	color: #999;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.linksList a{ color: white ;}